<template>
  <div>
    <div class="head">
      <img :src="'back.png' | imagePath" class="head-back">
      <p>入库</p>
      <span>添加型号</span>
    </div>
    <div class="put-list-box">
      <table class="put-list">
        <tr>
          <th>型号</th>
          <th>库存量</th>
          <th class="textRight">类别</th>
        </tr>
        <tr v-for="item in ['1','2','3']" :key="item">
          <td>48V12AH</td>
          <td class="green">10</td>
          <td class="green textRight">铅酸</td>
        </tr>
      </table>
    </div>
    <div class="put-btn" @click="$.router.push('putScan')">扫码入库</div>
  </div>
</template>

<script>
  export default{
    data(){
      return{}
    },
    beforeCreate() {
      document.querySelector('body').setAttribute('style', ' background:#FFFFFF')
    }
  }
</script>
<style>
.put-list-box{
  margin: 0 0.4rem;
}
.put-list{
  width: 100%;
}
.put-list th{
  background-color:#EEEEEE ;
  height: 0.88rem;
  padding: 0 0.4rem;
  text-align: left;
  font-size: 0.32rem;
  color: #343434;
}
.put-list td{
  height: 1.33rem;
  border-bottom: 1px solid #EEEEEE;
  padding: 0 0.4rem;
  font-size: 0.32rem;
  color: #343434;
}
.put-list .textRight{
  text-align: right;
}
.put-list td.green{
  color: #6EC5C6;
}
.put-btn{
  background-color: #6EC6C6;
  color: #FFFFFF;
  font-size: 0.38rem;
  width: 3.54rem;
  padding: 0.23rem 0;
  margin: auto;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0.4rem;
  text-align: center;
  border-radius: 0.66rem;
}
</style>
